@import url('@/static/style/common.less');

.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: #EEEEEE;
		.my-top-background{
			width: 100%;
			background: #fff;
		}
	}

	.logo {
		width: 100%;
		height: 432rpx;
	}

	.portrait {
		position: absolute;
		top: 67rpx;
		left: 69rpx;

	}

	.portrait image {
		width: 122rpx;
		height: 122rpx;
	}

	.user {
		width: 134rpx;
		height: 33rpx;
		white-space: nowrap;
		font-size: 34rpx;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #FFFFFF;
		position: absolute;
		top: 10rpx;
		left: 145rpx;
	}

	.id {
		width: 142rpx;
		height: 22rpx;
		white-space: nowrap;
		font-size: 28rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		position: absolute;
		top: 15rpx;
		left: 300rpx;
	}

	.diamond image {
		width: 45rpx;
		height: 34rpx;
		position: absolute;
		top: 90rpx;
		left: 80rpx;
	}

	.phone {
		width: 220rpx;
		height: 40rpx;
		line-height: 40rpx;
		border: 1rpx solid #E3E3E3;
		font-size: 22rpx;
		border-radius: 18rpx;
		position: absolute;
		left: 145rpx;
		top: 70rpx;
		// display: flex;
		// align-items: center;
	}

	.phone image {
		width: 14rpx;
		height: 22rpx;
		position: absolute;
		left: 20rpx;
		bottom: 11rpx;
	}

	.phone text {
		width: 131rpx;
		height: 17rpx;
		font-size: 22rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		position: absolute;
		left: 60rpx;
	}
	.set{
		position: relative;
		height: 63rpx;
		right: 0;
		top: -69px;
	}
	.set image {
		width: 154rpx;
		height: 63rpx;
		position: absolute;
		top: -28rpx;
		right: -34rpx;
	}

	.screw image {
		width: 30rpx;
		height: 30rpx;
		margin-right: 90rpx;
		margin-top: 16rpx;
	}

	.font-shezhi {
		// width: 58rpx;
		height: 28rpx;
		font-size: 30rpx;
		white-space: nowrap;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #BB8800;
		position: absolute;
		top: -18rpx;
		left: 580rpx;
	}

	.ulst {
		display: flex;
		padding-left: 10rpx;
	}

	.list {
		margin-left: 45rpx;

	}

	.quantity {
		width: 47rpx;
		height: 32rpx;
		font-size: 40rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #FFFFFF;
	}

	.annotation {
		width: 80rpx;
		height: 23rpx;
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #B3DAFF;
		opacity: 0.6;
		position: relative;
		top: 40rpx;
		left: -60rpx;
	}


	.center{
		width: 100%;
		display: -webkit-box;
		background-color: #FFFFFF;
		margin-top: 20rpx;
	}
	
	.vip-s image{
		width: 353rpx;
		height: 45rpx;
		top: 50rpx;
        left: 50rpx;
	}
	.font-you{
		height: 23rpx;
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #C1C0C9;
        margin-top: 50rpx;
		margin-left: 50rpx;
	 }
	.pring image{
		width: 245rpx;
		height: 148rpx;
        left: 100rpx;
		top: 5rpx;
	}